<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue3模版</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <style>
    
/* 滚动条上的滑块 */  
::-webkit-scrollbar-thumb {  
    background-color: #888; /* 滑块的颜色 */  
    border-radius: 6px; /* 滑块的圆角 */  
    border: 3px solid #f1f1f1; /* 滑块边缘的颜色，与背景颜色相同以形成圆角效果 */  
}  
  
/* 滑块在悬停时的样式 */  
::-webkit-scrollbar-thumb:hover {  
    background-color: #555; /* 悬停时的颜色 */  
}  
  
/* 滚动条轨道两端的按钮（通常不可见） */  
::-webkit-scrollbar-button {  
    background-color: #ddd; /* 按钮的背景颜色 */  
}  
  
/* 滚动条轨道 */  
::-webkit-scrollbar-track {  
    background-color: #f1f1f1; /* 轨道的背景颜色 */  
}  
  
/* 滚动条轨道在滑块两侧的空白区域 */  
::-webkit-scrollbar-track-piece {  
    background-color: #f1f1f1; /* 空白区域的背景颜色 */  
}
  </style>
</html>
